header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #1c91dd;

  .logo {
    width: 35%;
    img {
      width: 100%;
    }
  }

  .list,
  .search {
    position: relative;
    font-size: 1.7em;
    color: #1c91dd;
    padding: .7em;
  }

  .list {
    &::after {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      content: "";
      display: block;
      width: .05em;
      height: 95%;
      border-radius: 100%;
      background:-webkit-linear-gradient(top,#fff,#ccc,#fff);
    }
  }

  .search {
    &::after {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      content: "";
      display: block;
      width: .05em;
      height: 95%;
      border-radius: 100%;
      background:-webkit-linear-gradient(top,#fff,#ccc,#fff);
    }
  }
}

